import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  // 打包正常，运行报错，原因:是路径的问题
  base: process.env.NODE_ENV === 'production' ? './' : '/',
  // 在构建中，强制排除某依赖项
  optimizeDeps: {
    // exclude: ["lodash-es"]
  },
  resolve: {
    alias: {
      '@': '/src',
    },
    // alias: {
    //   '@': fileURLToPath(new URL('./src', import.meta.url))
    // }
    // "dedupe": {
    // }
  },
  css: {
    //css预处理
    preprocessorOptions: {
      scss: {
        // https://www.talktocomputer.site/blogs/158/
        /*
        引入var.scss全局预定义变量，
        如果引入多个文件，
        可以使用
        '@import "@/assets/scss/globalVariable1.scss";@import "@/assets/scss/globalVariable2.scss";'
        这种格式
         */
        additionalData: '@import "@/scss/common.scss";'
      }
    }
  },

  // 开发服务器配置
  server: {
    // 设置地址
    host: "0.0.0.0",
    // // 是否打开一个页面
    // open: true,
    // 设置端口号
    port: 3000,
    // 配置跨域
    // proxy: {
    //   '^/api/': {
    //     // 后台服务器地址
    //     target: 'https://nntzback.jyhdkj.com/',
    //     // 允许跨域
    //     changeOrigin: true,
    //     rewrite: path => path.replace("/^\/api/", "")
    //   }
    // }
  },

})
